<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../mixins/style/base.css" />
    <link rel="stylesheet" href="../mixins/style/normalize.css" />

    <!-- 引入样式 -->
    <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->


    <style>
        .container {
            overflow: hidden;
            position: relative;
            width: calc(100% - 20px);
            margin: 10px auto;
        }

        .search-wrap .el-input,
        .search-wrap .el-select {
            vertical-align: middle;
        }

        .el-table__expanded-cell[class*=cell] {
            padding: 0px;
            padding-left: 48px;
            margin: -1px;
        }

        #route-nav {
            border-bottom: 2px lightskyblue solid;
            line-height: 39px;
            height: 40px;
        }

        .nav-a {
            padding: 10px 20px;
        }

        .router-link-active {
            border-bottom: 2px orangered solid;
        }

        .nav-a:hover {
            border-bottom: 2px orangered solid;
        }
    </style>
</head>

<body>

    <div class="container" id="app">


        <div class="inline-block-container " id="route-nav">



            <router-link v-for="link in arr" class="nav-a" :to="link.to">{{link.text}}</router-link>

            <!-- <router-link class="nav-a" :to="{name:'first',query:{curCubeId:curCubeId}}">总概页</router-link>
            <router-link class="nav-a" to="/cube-list/1001">测试</router-link>
            <router-link class="nav-a" to="/table2">日志列表</router-link> -->
        </div>

        <router-view class="mt_20">

        </router-view>

    </div>


    <script src="http://localhost:8180//git-my/training-cms/src/lib/jquery.js"></script>
    <script src="http://localhost:8180//git-my/training-cms/src/lib/sea-all.js"></script>

    <script src="http://localhost:8180//git-my/training-cms/src/lib/vue.js"></script>
    <script src="http://localhost:8180//git-my/training-cms/src/lib/vue-router.js"></script>

    <script src="http://localhost:8180//git-my/training-cms/src/page/boot.js"></script>
    <script src="http://localhost:8180//git-my/vue-ladder/src/lib/lodash.js"></script>

    <link rel="stylesheet" href="http://localhost:8180//git-my/training-cms/src/lib/font-awesome/css/font-awesome.css">

    <!-- 引入组件库 -->
    <!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
    <link rel="stylesheet" href="http://localhost:8180//git-my/training-cms/src/lib/elementui/index.css">

    <script src="http://localhost:8180//git-my/training-cms/src/lib/elementui/index.js"></script>
    <script src="http://localhost:8180//git-my/training-cms/src/lib/elementui/zh-CN.js"></script>

    <script src="http://localhost:8180//git-my/training-cms/src/mixins/global.mixins.js"></script>

    <script>
        $(function () {
            // inlineBlock 兼容safari
            function inlineBlockHack() {
                $('.inline-block-container').contents().filter(function () {
                    return this.nodeType === 3;
                }).remove();
            }
            inlineBlockHack();
        });
    </script>

    <script>
        $(function () {
            seajs.use('page/02-componentEdit.js');
        })
    </script>



</body>